<template>
  <div>
    <Child :msg="1"></Child>
    <div v-for="item in list" :key="item">{{ item }}11</div>
  </div>
</template>

<script>
import Child from '@/components/life-circle/Child.vue';
export default {
  components: { Child },
  data() {
    return {
      msg: 'hello',
      list: [1, 2, 3, 4],
    };
  },
  created() {
    console.log('LifeCircle.vue created');
  },
  mounted() {
    console.log('LifeCircle.vue mounted');
  },
  updated() {
    console.log('LifeCircle.vue updated');
  },
};
</script>

